html,
			body {
				width: 100%;
				height: 100%;
			}
			
			#page {
				width: 100%;
				height: 100%;
				background: #252736;
				position: relative;
			}
			
			#tiemer {
				width: 80%;
				height: 20rem;
				position: absolute;
				left: 10%;
				top: 5rem;
			}
			
			#unlock {
				width: 80%;
				background: green;
				position: absolute;
				bottom: 5rem;
				left: 10%;
			}
			
			#gesturepwd {
				background: none;
			}
			
			#page2 {
				width: 100%;
				height: 100%;
				background: #FFFFFF;
				position: absolute;
				top: 0;
				left: 0;
				display: none;
			}
			
			#top {
				float: left;
				width: 100%;
				padding-top: 2rem;
			}
			
			#top>li {
				float: left;
				width: 25%;
				height: 8rem;
				text-align: center;
				position: relative;
				margin-bottom: 1rem;
			}
			
			#top>li>img {
				float: left;
				width: 5rem;
				height: 5rem;
				vertical-align: middle;
				position: absolute;
				left: 50%;
				transform: translate(-50%);
			}
			
			#top>li>.menuName {
				float: left;
				width: 100%;
				height: 3rem;
				line-height: 3rem;
				text-align: center;
				font-size: 1.5rem;
				position: relative;
				top: 5rem;
			}
			
			.time {
				color: white;
				font-size: 4rem;
				text-align: center;
				padding-top: 50px;
				font-weight: 200;
				font-family: monospace;
			}
			
			.date {
				color: white;
				text-align: center;
				font-size: 0.8rem;
			}